function fun() {
    window.onload = function () {
        /* 
            【1】获取元素
            【2】发送登录请求的
                +   登录成功的时候 需要把用户名存储天cookie中
                +   当登录失败的时候 需要重新登录
            【3】发送一个注册请求
                +   注册成功的时候 那么就可以用注册的用户名和密码进行登录
        */
        let loginForm = document.querySelector(".button");
        let loginUser = document.querySelector(".text");
        let loginPass = document.querySelector(".password");

        // let registForm = document.querySelector(".regist");
        // let registUser = document.querySelector("#registUser");
        // let registPass = document.querySelector("#registPass");
        loginForm.onclick = function (e) {
            e = e || window.event;
            e.preventDefault();
            console.log(10);
        }
        let p = pAjax({
            url: "../api/login.php",
            type: "post",
            data: {
                username: loginUser.value,
                password: loginPass.value, //对应 $password = $_POST['password'];
            },
        });
        p.then((res) => {
            res = JSON.parse(res);
            if (res.code) {
                console.log(1);
                // 表示登录成功
                // 把用户名存在cookie中
                setCookie("login", loginUser.value);
                // 设置cookie是用来辅助看看是从哪个页面跳转到登录页面来
                // 如果是从详情页或者购物车过来的，登录成功了 应该跳回到对应的页面
                // 如果是直接打开登录页面，登录成功了 跳到首页
                let url = localStorage.getItem('url');
                localStorage.removeItem('url');
                location.href = url ? url : '../360login.html';
            } else {
                loginUser.value = "";
                loginPass.value = "";
                alert("不存在该用户")
            }
        });

        // registForm.onsubmit = function (e) {
        //     e = e || window.event;
        //     e.returnValue = false;

        //     ajax({
        //         url: "../api/regist.php",
        //         type: "get",
        //         data: {
        //             username: registUser.value,
        //             password: registPass.value,
        //         },
        //         success: function (res) {
        //             console.log(res);
        //         }
        //     });
        //     registUser.value = "";
        //     registPass.value = "";
        //     alert("注册成功")
        // };
        // jQuery.validator.addMethod(
        //     "userTest",
        //     function (value) {
        //         // 用户名正则验证：
        //         // 由 数字 字母组成
        //         // value 就是需要验证这个输入框的内容
        //         let reg = /^[0-9a-z]{5,10}$/i; //正则
        //         if (reg.test(value)) { //判断正则
        //             return true;
        //         }
        //         return false;
        //     },
        //     "请输入正确的用户名，要求是由数字或字母组成5到10位数"
        // );
        // jQuery.validator.addMethod(
        //     "passwordTest",
        //     function (value) {
        //         let reg = /^[0-9a-z]{5,10}$/i; //正则
        //         if (reg.test(value)) { //判断正则
        //             return true;
        //         }
        //         return false;
        //     },
        //     "请输入正确的密码，要求是由数字或字母组成5到10位数"
        // );

        // $("#form").validate({ //ok
        //     rules: {
        //         username: {
        //             required: true,
        //             userTest: true
        //         },
        //         password: {
        //             required: true,
        //             passwordTest: true,
        //         },
        //     },
        //     messages: {
        //         username: {
        //             required: "用户名是必填项",
        //         },
        //         password: {
        //             required: "密码是必填",
        //         },
        //     },
        // })
    }
}
fun()